{% extends "kore2columns.html" %}

{% load multimedia_extras %}

{% load i18n %}

{% comment %}

{% block javascript %}
    <script type="text/javascript" src="{{ MEDIA_URL }}static/js/jquery.lightbox-0.5.min.js"></script>
	<script type="text/javascript">

    $(function() {
        $('.images-box a').lightBox();
    });

	</script>

{% endblock %}

{% block css %}
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}static/css/jquery.lightbox-0.5.css" media="screen">
{% endblock %}

{% endcomment %}

{% block main-content %}	
	<h2  style="text-align:center">{{ slideshow.title }}</h2>

	{% autoescape off %}{{ slideshow.text }}{% endautoescape %}

	<p style="text-align:center">
	    {% for item in images %}
		 <a href="{{ item.image.url }}" title="{{ item.title }}" ><img class="sticker" src="{% thumbnail item.image 232 180 %}" /> </a>
	    {% endfor %}
	    <div style="clear:both;"></div> 
	</p>
	
	
	<ul>
	{% for item in sounds %}
	<li>{{ item.title }}
	<embed src="{{MEDIA_URL}}swf/mediaplayer.swf" width="200" height="20" allowscriptaccess="always" allowfullscreen="true" flashvars="width=200&height=20&file={{ item.sound }}"/>
	 </li>
	{% endfor %}
	</ul>
	<div class="images-box">
	{% for item in videos %}
	      <div class="image-box">
	      
	      <object width="180" height="135"><param name="movie" value="{{ item.video }}?width=180&theme=none&foreground=%23F7FFFD&highlight=%23FFC300&background=%23171D1B&additionalInfos=1&hideInfos=1&autoPlay=0&start=&colors=background%3A171D1B%3Bforeground%3AF7FFFD%3Bspecial%3AFFC300%3B"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="{{ item.video }}?width=180&theme=none&foreground=%23F7FFFD&highlight=%23FFC300&background=%23171D1B&additionalInfos=1&hideInfos=1&autoPlay=0&start=&colors=background%3A171D1B%3Bforeground%3AF7FFFD%3Bspecial%3AFFC300%3B" width="180" height="135" allowfullscreen="true" allowscriptaccess="always"></embed></object>
	      
	      
	      
	     
	      </div>
	      
	      
	      
	{% endfor %}	

{% endblock %}
